<!doctype html>
<!-- The DOCTYPE declaration above will set the    -->
<!-- browser's rendering engine into               -->
<!-- "Standards Mode". Replacing this declaration  -->
<!-- with a "Quirks Mode" doctype may lead to some -->
<!-- differences in layout.                        -->

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!--                                                               -->
<!-- Consider inlining CSS to reduce the number of requested files -->
<!--                                                               -->
<link type="text/css" rel="stylesheet" href="mainstyle.css">

<!--                                           -->
<!-- Any title is fine                         -->
<!--                                           -->
<title>Akvareli - Sonje Nestorović</title>

<style type="text/css">
	.product-image {
		background-color: black;
		padding: 10px;
	}
	
	#panel .product {
		background-color: rgba(0,0,0,0.3);
		margin-top: 20px;
		padding: 5px;
	}
	
  .override #googlecart-widget-head {
    background: #A4873D;
  }
  .override #googlecart-title {
    color: white
  }
  .override #googlecart-summary {
    color: white
  }
  .override .googlecart-widget-title {
    color: #A4873D
  }
  
   .override .googlecart-widget-remove {
    color: #A4873D
  }
	
</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script src="js/lightbox/jquery.lightbox-0.5.min.js" type="text/javascript"></script>
<script src="js/jquery.tinycarousel.min.js" type="text/javascript"></script>
<script src="js/jquery.dateFormat-1.0.js" type="text/javascript"></script>
<script src="js/jquery.sashopping.js" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />

<script type="text/javascript">
	$(document).ready(function() {
			
	  	if (jQuery.browser.safari && document.readyState != "complete"){
		    //console.info('ready...');
		    setTimeout( arguments.callee, 100 );
		    return;
		} 
	  	
    	$("#panel").products({
    			hidePrice: false,
    			hideCart: false,
    			hideDimension: false,
    			hostId: "www.akvarel.si",
   				productThumbWidth: 500,
   				productThumbHeight: 150,
    		}, function() 
    			{    		
					$('#panel a').lightBox({
						txtImage: 'Akvarel',
						txtOf: 'od',
						//imageBtnClose: 'images/close.png',
						imageBtnPrev: 'images/prevsmall.png',
						imageBtnNext: 'images/nextsmall.png',
						overlayOpacity: 0.6
					});
    			});
		
	});
</script>	

<!--[if IE]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
	<link media="screen" rel="stylesheet" href="css/ie.css">
<![endif]-->

</head>

<body>

<!-- OPTIONAL: include this if you want history support -->
<iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1'
	style="position: absolute; width: 0; height: 0; border: 0"></iframe>

<!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
<noscript>
<div
	style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
Your web browser must have JavaScript enabled in order for this
application to display correctly.</div>
</noscript>

	<div class="wrapper">

		<header>
			<h1>
				Akvareli
			</h1>
			<h2>Sonja Nestorović
			</h2>
		</header>

		<div id="content">
			<div id="panel"></div>
			
		</div>
		
		<div class="push"></div>
		
	</div>
		
	<footer>
		<div class="footerContent">
			<p>Copyright &copy;2011 <a href="#home">Spletart</a>. Oblikovanje in razvoj <a href="mailto:admin@spletart.com">spletart.com</a>.</p>
			<div class="navLinks">
				<h2></h2>
				<ul>
					<li>
						<a href="index.html">Akvareli</a>
						<span> | </span>
					</li>
					<li>
						<a href="store.html">Spletna trgovina</a>
						<span> | </span>
					</li>
					<li class="last">
						<a href="">Sonja Nestorović</a>
					</li>
				</ul>
			</div>
		
		</div>
	</footer>
		
	<script id="googlecart-script" type="text/javascript"
	  src="http://checkout.google.com/seller/gsc/v2/cart.js?mid=801947958809860"
	  currency="GBP"
	  highlight-time="5000"
	  post-cart-to-sandbox="true">
	</script>

</body>
</html>
